<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>  </title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width" />
<link rel="stylesheet" type="text/css" href="css/home.css" />
</head>
<body>

<div class="m-contents home-contents" id="vm-main">
	<div class="top-tt"><img src="images/home/top-tt.jpg" alt="2017吉胜科技年会" /></div>
	<div class="top-video" v-html="init.video"></div>

	<div class="midd-banner" v-if="init.banner"><a v-bind:href="init.banner_href"><img v-bind:src="init.banner" /></a></div>

	<div class="p-list" v-bind:class="{ show: init.show }">
		<ul>
			<li v-for="item in program_list">
				<div>
					<div class="no fl">{{ item.no }}</div>
					<div class="pname fl">{{ item.name }}</div>
					<div class="team fl" v-bind:class="[item.teamKey]"><img v-bind:src="'images/team/'+ item.teamKey +'-s.png'" />{{ item.teamName }}</div>

					<div class="psorce fr" v-if="item.status > 0">
						<span><img src="images/home/ico-good-org-s.png" /> {{ item.outScore }}</span>
						<span v-if="item.status == 4"><img src="images/home/ico-person-s.png" class="ico-person" /> {{ item.inScore }}分</span>
					</div>
					<div class="actors clear">表演者：{{ item.actors }}</div>
				</div>

				<div class="pimgs" v-if="item.pic.length">
					<div v-for="img in item.pic"><img v-bind:src="img" /></div>
				</div>
				<div class="clear"></div>

				<div class="bot-opts clear" v-if="item.status != 0">
					<span class="red" v-if="user.is_friend">给节目点赞，即有机会抢红包！</span><!-- 亲友显示 -->
					<span class="red" v-else>&nbsp;</span>

					<div class="fr org" 
						v-if="!user.is_visitor" 
						v-on:click="addComment(item.id)"
					>
						<img src="images/home/ico-commet-org.png" class="ico-commet" />评论
					</div>
					<div class="fr org" 
						v-if="!user.is_visitor && item.followFlag == 2 && item.status > 0"
						v-on:click="addSupport(item.id)"
					>
						<img src="images/home/ico-good-org.png" class="ico-good" />赞
					</div>
				</div>

				<div class="good-list" v-if="item.followName && item.followName != ''">
					<img src="images/home/ico-good-blue.png" /><span>{{ item.followName }}</span>
				</div>

				<div class="comment-list" v-if="item.commentList.length">
					<ul>
						<li v-for="comment in item.commentList" v-if="!item.hide_comment || comment.show">
							<div class="name">{{ comment.userName }}：</div><div class="content">{{ comment.content }}</div>
							<img src="images/home/ico-delete.png" class="ico-delete fr" alt="删除" v-if="user.is_manager" v-on:click="deleteComment(comment.id)" />
						</li>
					</ul>
					<div class="open-close" v-if="item.commentList.length > 1 && item.hide_comment" v-on:click="toggleComment(item.id)">展开全部评论》</div>
					<div class="open-close" v-else-if="item.commentList.length > 1" v-on:click="toggleComment(item.id)">收起评论》</div>
				</div>

				<div class="btn-sorce" v-if="item.scoreFlag == 2 && item.status == 2" v-on:click="showScoring(item.id)">打分</div>
				<div class="total-sorce" v-if="item.status == 3">总分 {{ item.score }}</div>

				<div class="pstatus" v-if="item.status == 1"><img src="images/home/live.png" alt="正在直播" /></div>
				<div class="btn-status" v-if="item.status == 0">未开始</div>
				<div class="pstatus over" v-if="item.status == 2 || item.status == 3">已结束</div>

				<div class="clear"></div>
            </li>

		</ul>
	</div>
	

	<div class="bottom-menu-station"></div>

	<div class="modal-layout" v-bind:class="{ show: scoring.show }" v-on:click="scoring.show = !scoring.show"></div>
	<!-- 我的打分 -->
	<div class="dialog-set-sorce" v-bind:class="{ show: scoring.show }">
		<div class="form">
			<div class="fl">我的打分</div>
			<div class="fr">
				<input type="tel" name="sorce" maxlength="3" v-model.number="scoring.score" />
				<div class="mt10" v-bind:class="{ red: !scoring.ok }">打分区间：60-100分（整数）</div>
			</div>
			<div class="clear"></div>
		</div>

		<div class="btn-submit mt20" v-on:click="saveScoring()">提交</div>
	</div>

	<!-- 导航菜单 -->
	<div is="tpl_bottom_menu" 
			v-bind:sed_video="true"
			v-bind:user="user"
			v-bind:txt_blessing="(user.is_staff || user.is_guest) ? '福卡' : '红包'"
	></div>

	<div class="add_comment" v-bind:class="{ show: add_comment.show }">
		<input type="text" name="comment" id="comment_content" maxlength="20" placeholder="请输入评论" v-model.trim="add_comment.content" />
		<span class="btn" v-on:click="addComment()">发送</span>
	</div>

</div>

<!-- 年会点亮 S -->
<div class="modal-layout go-light" id="vm-comm-light" v-bind:class="{ show: show }">
	<transition 
		name="custom-classes-transition"
	    enter-active-class="animated bounceInDown"
	    v-on:after-enter="antLightAfterEnter"
	    leave-active-class="animated bounceOutUp"
	    v-on:after-leave="antLightAfterLeave"
    >
		<div v-if="lighting"><div class="light"></div></div>
	</transition>
</div>
<!-- 年会点亮 E -->

<div class="dialog-tip" id="dialog-tip-loading"><div class="tip-loading"></div>正在努力获取数据...</div>

<script data-main="js/app/home.js" src="lib/require.js"></script>
</body>
</html>